<div class="bidnav">
    <div class="bid_1">
    </div>
    <div class="bid_2">
    </div>
    <div class="wrap iconnav">
        <div class="ft-l item">
            <div class="item-img" style="cursor: pointer" id="itemimg-tag0"></div>
        </div>
        <div class="ft-l item">
            <div class="item-img"  style="cursor: pointer"  id="itemimg-tag1"></div>
        </div>
        <div class="ft-l item">
            <div class="item-img"  style="cursor: pointer"  id="itemimg-tag2"></div>
        </div>
    </div>
</div>
<div class="bid_3">
</div>
<div class="bid_4">
    <a href="<?php echo url_for("user/register") ?>" >立即注册</a>
</div>
<script>
    $(function () {
        $(".main").addClass('projectlist');
        var itemimg = null, speed = 1, texts = null;
        $(".item-img").each(function (i) {
            itemimg = Raphael("itemimg-tag" + i, 115, 140);
            var src1 = "http://vmstatic.vmdai.com/images/mkt/bidimg_" + i + ".png";
            var src2 = "http://vmstatic.vmdai.com/images/mkt/bidimg_o_" + i + ".png";
            var img1 = itemimg.image(src1, 0, 0, 115, 115);
            var img2 = itemimg.image(src2, 0, 140, 115, 115);
            if (i == 0) {
                texts = itemimg.text(54, 130, "1.注册认证").attr({ "font-size": "18px", fill: "#009edf", "font-family": "Microsoft YaHei" });
            } else if (i == 1) {
                texts = itemimg.text(54, 130, "2.选标投资").attr({ "font-size": "18px", fill: "#009edf", "font-family": "Microsoft YaHei" });
            } else if (i == 2) {
                texts = itemimg.text(54, 130, "3.坐等收益").attr({ "font-size": "18px", fill: "#009edf", "font-family": "Microsoft YaHei" });
            }
            $("#itemimg-tag" + i).parent().mouseover(function () {
                img1.stop().animate({ y: -140 }, speed, "<>");
                img2.stop().animate({ y: 0 }, speed, "<>");
            }).click(function () {
                if ($(this).find('div[class="item-img"]').attr('id').split('ag')[1] == "0") {
                    $(window).scrollTop(500);
                } else if ($(this).find('div[class="item-img"]').attr('id').split('ag')[1] == "1") {
                    $(window).scrollTop(910);
                } else if ($(this).find('div[class="item-img"]').attr('id').split('ag')[1] == "2") {
                    $(window).scrollTop(1365);
                }
            });
            $(".item").mouseleave(function () {
                img1.stop().attr({ y: 0 });
                img2.stop().attr({ y: 140 });
            });
        });
    })
</script>